{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/header.html"}
{literal}
<script type="text/javascript">
    $(function(){
        $('.assortment').hover(function(){
            $('.assort_list').stop().fadeIn();
        },function(){
            $('.assort_list').stop().fadeOut();
        });
    });
</script>
<style>
    .assort_list{display: none;}
    .news_pic{background: url(/images/temp/zx.jpg) no-repeat center top;height:379px;width:100%;}
    .news_wrap_items{width:1158px;border:1px solid #dfdfdf;margin:0 auto;margin-top:15px;padding:20px;overflow:hidden;}
    .news_wite{float:left;padding-left:20px;width:578px;}
    .news_wite_title{border-bottom:1px solid #dfdfdf;overflow:hidden;padding:10px 0;}
    .news_wite_title span{border-left:2px solid #0388cb;padding:5px 20px;color:#0388cb;font-size:16px;}
    .nwt_p{border-bottom:1px solid #dfdfdf;line-height:28px;padding:10px 0;}
    .nwt_list{margin-top:10px;margin-left:-20px;}
    .nwt_list li{float:left;width:279px;padding:6px 0;margin-left:20px;}
    .nwt_list li i{background:url(/images/icon.png) no-repeat -51px -21px;width:4px;height:4px;float:left;margin-top:8px;margin-right:6px;}
    .nwt_list li a:hover i{background:url(/images/icon.png) no-repeat -56px -21px;}
     .nwt_list li a:hover{color:#0388cb;}
     .nwi_items{float:left;width:560px;}
     .nwi_it_list{float:left;width:300px;}
     .nwi_it_list li{float:left;padding:6px 0;margin-left:20px;width:280px;}
    .nwi_it_list li i{background:url(/images/icon.png) no-repeat -51px -21px;width:4px;height:4px;float:left;margin-top:8px;margin-right:6px;}
    .nwi_it_list li a:hover i{background:url(/images/icon.png) no-repeat -56px -21px;}
     .nwi_it_list li a:hover{color:#0388cb;}
     .ml35{margin-left:35px;}
     .news_wrap_list{float:left;width:560px;}
      .news_wrap_list_ls li{border-bottom:1px solid #e4e4e4;padding:20px 0;overflow:hidden;clear:both;height:115px;}
      .news_wrap_list_h3{float:left;width:385px;padding-left:20px;padding-bottom:10px;font-weight:bold;}
      .news_wrap_list_h3 a{color:#0388cb;}
      .news_wrap_list_p{float:left;width:385px;padding-left:20px;}
      .news_wrap_list_ls li:last-child{border-bottom:0;}

      .news_pic_auto{float:left;width:560px;height:340px;position:relative;}
     .news_pic_auto_ul{}
     .news_pic_auto_ul li{position: absolute;left:0;top:0;}
     .news_pic_auto_ol{position:absolute;right:5px;bottom:15px;z-index:5;}
     .news_pic_auto_ol li{float:left;width:15px;height:15px;border-radius:50%;background:#fff;margin-right:5px;cursor: pointer;}
     .news_pic_auto_ol li.curr{background: #0388cb;}
     .news_pic_auto_dv{position:absolute;bottom:0;width:100%;left:0;line-height:48px;z-index:4;color:#fff;}
     .news_pic_auto_dv p{display: none;padding-left:10px;}
     .news_pic_auto_zz{background:#000;filter:alpha(opacity=50);opacity:0.5;position:absolute;bottom:0;left:0;width:100%;line-height:48px;height:48px;z-index:3;}
</style>
{/literal}



<div class="news_list">
    <div class="crumbs_tmg">当前位置：<a href="/news/index/">行业资讯</a><i class="ffs">></i><span class="blue">{$title}</span></div>
</div>

<div class="news_pic"></div>


<div class="news_wrap_items">
    
    <div class="news_pic_auto">
        <ul class="news_pic_auto_ul">
            <li style="z-index:2;opacity:1;fliter:alpha(opacity=100);"><a href="#" target="_blank"><img class="fl" src="/images/temp/zx1.jpg" width="560" height="340"/></a></li>
            <li><a href="#" target="_blank"><img class="fl" src="/images/temp/banner.jpg" width="560" height="340"/></a></li>
            <li><a href="#" target="_blank"><img class="fl" src="/images/temp/temp4.jpg" width="560" height="340"/></a></li>
            <li><a href="#" target="_blank"><img class="fl" src="/images/temp/temp5.jpg" width="560" height="340"/></a></li>
        </ul>
        <ol class="news_pic_auto_ol">
            <li class="curr"></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
        <div class="news_pic_auto_dv">
            <p style="display: block;">塑料原料市场延续阴跌走势1</p>
            <p>塑料原料市场延续阴跌走势2</p>
            <p>塑料原料市场延续阴跌走势3</p>
            <p>塑料原料市场延续阴跌走势4</p>
        </div>
        <div class="news_pic_auto_zz"></div>
    </div>
{literal}
<script>
        $(function(){
        function slide(obj,wid,tm){
		var oIndex = 0;
		var oUl = $(obj).find('li');
		var oUli  =$('.news_pic_auto_ul li');
		var oUlLength = oUl.length;
		var Width = wid.oUlLength;
		var timer = null;
		$(wid).css({'width':oUlLength*Width});

		$(oUl).hover(function(){
			oIndex = $(this).index();
			tab();
		});

		function tab(){
			$(oUli).eq(oIndex).addClass('curr').siblings().removeClass('curr');
			$(oUl).eq(oIndex).addClass('curr').siblings().removeClass('curr');
			$(oUl).eq(oIndex).closest('ul').siblings().find('li').eq(oIndex).css('zIndex','1');
			$(oUl).eq(oIndex).closest('ul').siblings().find('li').eq(oIndex).fadeIn().siblings().fadeOut();
			$(oUl).eq(oIndex).closest('ol').siblings().find('li').eq(oIndex).fadeIn().siblings().fadeOut();
                        
                        $('.news_pic_auto_dv p').eq(oIndex).show().siblings().hide();

		};

		function autoplay(){
			oIndex++;
			if(oIndex>=oUlLength){
				oIndex=0;
			}
			tab();
		};

		var timer = setInterval(autoplay,tm);

		$(wid).hover(function(){
			clearInterval(timer);
		},function(){
			timer = setInterval(autoplay,tm);
		});
	}
	slide('.news_pic_auto_ol','.news_pic_auto_ul',4000);
        });
    </script>
{/literal}
    <div class="news_wite">
        <h3 class="news_wite_title"><span>{if $sort1.cate_name neq ''}{$sort1.cate_name}{/if}</span></h3>
        <p class=" tac fs16 pt20"><a href="/news/list/pid/{$sort1.id}" class="blue">{if $sort1.main_title neq ''}{$sort1.main_title}{/if} </a></p>
        <p class="nwt_p">{if $sort1.title neq ''}{$sort1.description}{/if}。</p>
        <ul class="nwt_list">
            {if $sort1_detail neq ''}
            {foreach from=$sort1_detail key=key item=item}
            <li><a href="/news/newsdetail/id/{$item.id}"><i></i>{$item.title}</a><span class="fr">{$item.release_time}</span></li>
            {/foreach}
            {/if}
        </ul>
    </div>
</div>

<div class="news_wrap_items">
    <div class="nwi_items pb10">
        <h3 class="news_wite_title"><span>{if $sort2.cate_name neq ''}{$sort2.cate_name}{/if}</span><a href="/news/list/pid/{$sort2.id}" class="fr mt5">查看更多>></a></h3>
        <div class="pt20">
            <img class="fl" src="{$image_url}/upload/{$sort2.image}" width="260" height="190"/>
            <ul class="nwi_it_list">
                {if $sort2_detail neq ''}
                {foreach from=$sort2_detail key=key item=item}
                <li><a href="/news/newsdetail/id/{$item.id}"><i></i>{$item.title}</a><span class="fr">{$item.release_time}</span></li>
                {/foreach}
                {/if}
            </ul>
            </div>
    </div>


    <div class="nwi_items ml35 pb10">
        <h3 class="news_wite_title"><span>{if $sort3.cate_name neq ''}{$sort3.cate_name}{/if}</span><a href="/news/list/pid/{$sort3.id}" class="fr mt5">查看更多>></a></h3>
        <div class="pt20">
            <img class="fl" src="{$image_url}/upload/{$sort3.image}" width="260" height="190"/>
            <ul class="nwi_it_list">
                {if $sort3_detail neq ''}
                {foreach from=$sort3_detail key=key item=item}
                <li><a href="/news/newsdetail/id/{$item.id}"><i></i>{$item.title}</a><span class="fr">{$item.release_time}</span></li>
                {/foreach}
                {/if}
            </ul>
            </div>
    </div>


    <div class="nwi_items">
        <h3 class="news_wite_title"><span>{if $sort4.cate_name neq ''}{$sort4.cate_name}{/if}</span><a href="/news/list/pid/{$sort4.id}" class="fr mt5">查看更多>></a></h3>
        <div class="pt20">
            <img class="fl" src="{$image_url}/upload/{$sort4.image}" width="260" height="190"/>
            <ul class="nwi_it_list">
                {if $sort4_detail neq ''}
                {foreach from=$sort4_detail key=key item=item}
                <li><a href="/news/newsdetail/id/{$item.id}"><i></i>{$item.title}</a><span class="fr">{$item.release_time}</span></li>
                {/foreach}
                {/if}
            </ul>
            </div>
    </div>


    <div class="nwi_items ml35">
        <h3 class="news_wite_title"><span>{if $sort5.cate_name neq ''}{$sort5.cate_name}{/if}</span><a href="/news/list/pid/{$sort5.id}" class="fr mt5">查看更多>></a></h3>
        <div class="pt20">
            <img class="fl" src="{$image_url}/upload/{$sort5.image}" width="260" height="190"/>
            <ul class="nwi_it_list">
                {if $sort5_detail neq ''}
                {foreach from=$sort5_detail key=key item=item}
                <li><a href="/news/newsdetail/id/{$item.id}"><i></i>{$item.title}</a><span class="fr">{$item.release_time}</span></li>
                {/foreach}
                {/if}
            </ul>
            </div>
    </div>

</div>


<div class="news_wrap_items" style="display:none;">

    <div class="news_wrap_list">
        <h3 class="news_wite_title"><span>{if $sort6.cate_name neq ''}{$sort6.cate_name}{/if}</span><a href="/news/list/pid/{$sort6.id}" class="fr mt5">查看更多>></a></h3>
        <ul class="news_wrap_list_ls">
            {if $sort6_detail neq ''}
            {foreach from=$sort6_detail key=key item=item}
            <li>
                <a href="/news/newsdetail/id/{$item.id}"><img class="fl" width="150" height="115" src="{$image_url}/upload/{$item.image}"/></a>
                <h3 class="news_wrap_list_h3"><a href="/news/newsdetail/id/{$item.id}">{$item.title}</a></h3>
                <p class="news_wrap_list_p">{$item.description}</p>
            </li>
            {/foreach}
            {/if}
        </ul>
    </div>


    <div class="news_wrap_list ml35">
        <h3 class="news_wite_title"><span>{if $sort7.cate_name neq ''}{$sort7.cate_name}{/if}</span><a href="/news/list/pid/{$sort6.id}" class="fr mt5">查看更多>></a></h3>
        <ul class="news_wrap_list_ls">
            {if $sort7_detail neq ''}
            {foreach from=$sort7_detail key=key item=item}
            <li>
                <a href="/news/newsdetail/id/{$item.id}"><img class="fl" width="150" height="115" src="{$image_url}/upload/{$item.image}"/></a>
                <h3 class="news_wrap_list_h3"><a href="/news/newsdetail/id/{$item.id}">{$item.title}</a></h3>
                <p class="news_wrap_list_p">{$item.description}</p>
            </li>
            {/foreach}
            {/if}
        </ul>
    </div>

</div>

{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/footer.html"}